<template>
  <div class="legend">
    <a-tag color="rgb(2, 199, 107)"> 交通通畅 </a-tag>
    <a-tag color="rgb(245, 206, 4)"> 交通缓慢 </a-tag>
    <a-tag color="rgb(235, 15, 63)"> 交通拥堵 </a-tag>
  </div>
</template>

<script setup>
</script>

<style scoped>
.legend {
  position: fixed;
  top: 100px;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%);
}
</style>
